<template>
  <div id="app">
    <Demo1>
      
    </Demo1>
    
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue';
import Demo1 from './components/Demo1.vue';
  export default{
    components:{
      HelloWorld,
      Demo1
    },
    beforeCreate(){

    },
    created(){

    },
    beforeMount(){
      //vm创建成功后，和容器成功绑定前
    },
    mounted(){
      //页面挂载成功  页面渲染成功
    },
    updated(){

    },
    beforeDestroy(){

    },
    destroyed(){

    }
  }
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

nav {
  padding: 30px;
}

nav a {
  font-weight: bold;
  color: #2c3e50;
}

nav a.router-link-exact-active {
  color: #42b983;
}
</style>
